<template>
  <v-flex>
    <Carousel v-model="val" 
    :dots="setting.dots"
    :trigger="setting.trigger" >
      <CarouselItem ><img src="../../assets/br.png" alt=""></CarouselItem>
      <CarouselItem ><img src="../../assets/br.png" alt=""></CarouselItem>
      <CarouselItem ><img src="../../assets/br.png" alt=""></CarouselItem>
      <CarouselItem ><img src="../../assets/br.png" alt=""></CarouselItem>
    </Carousel>
  </v-flex>
</template>

<script>
export default {
  data() {
    return {
      val: 0,
      setting: {
        dots: 'outside',
        trigger: 'hover',
      }
    }
  },


}
</script>